.header{
  width:100%;
  overflow: hidden;
  .px2rem(height,88);
  .px2rem(line-height,88);
  background: #d43d3d;
  .add{
    .px2rem(height,86);
    .px2rem(width,68);
    position: absolute;
    right: 0px;
    top:0px;
    z-index: 10;
    background: #d43d3d;
    text-align: center;
    img{
      //.px2rem(margin-top,18);
      vertical-align: middle;
      .px2rem(height,30);
      .px2rem(width,30);

    }
  }
  .swiper-wrapper{
    .px2rem(font-size,26);
    text-align: center;
    //width:500%;
    a{
      color:#f6c7c7;
      .px2rem(width,98);
      display: inline-block;
      float: left;
    }
    .current{
      color: #fff;
    }
  }
}
.footer{
  width: 100%;
  .px2rem(height,78);
  background: #f4f5f6;
  border-top: 1px solid #e2e0e0;
  position: fixed;
  bottom:0px;
  z-index: 999;
  .bottom{
    .px2rem(font-size,20);
    text-align: center;
    .red{
      color: #d43d3d;
    }
    a{
      .px2rem(height,78);
      display: block;
      img{
        .px2rem(height,28);
        .px2rem(padding-top,12);
        .px2rem(padding-botton,12);
      }
    }
  }
}
.header2{
  width:100%;
  .px2rem(font-size,36);
  .px2rem(height,88);
  .px2rem(line-height,88);
  border-bottom: 1px solid #cccccc;
  text-align: center;
  color: #000000;
  a{
      padding-top:8px;
    .px2rem(line-height,74);
    img{
      .px2rem(height,39);
      .px2rem(width,36);
    }
  }
  .return{
    position: absolute;
    .px2rem(left,26);
    top: 0px;
    z-index: 10;
  }
  .fun {
    position: absolute;
    .px2rem(right,26);
    top: 0px;
    z-index: 200;
  }

}
.footer-comment{
  width: 100%;
  .px2rem(height,78);
  .px2rem(line-height,78);
  .px2rem(padding-left,26);
  .px2rem(padding-right,26);
  background: #f4f5f6;
  border-top: 1px solid #e2e0e0;
  position: fixed;
  bottom:0px;
  z-index: 999;
  form{
    .comment-text{
      .px2rem(height,54);
      .px2rem(width,276);
      .px2rem(padding-left,24);
      .px2rem(padding-right,24);
      .px2rem(margin-right,40);
      border:1px solid #d5d2d2;
      border-radius:50px;
      outline: none;
    }
    .img{
      .px2rem(margin-right,32);
        display: inline-block;
        img{
        .px2rem(width,26);
        .px2rem(height,26);
      }
    }
    .img1{
      .px2rem(width,104);
      margin: 0;

    }
  }
  .bottom2{
    color: #666666;
    .dynamic-text{
      .px2rem(width,380);
    }
    .dynamic-button{
      .px2rem(width,102);
      .px2rem(height,54);
      .px2rem(font-size,32);
      background: #f26c60;
      color: #ffffff;
      border: none;
      outline: none;
      border-radius: 6px;
    }
  }
}

.footer-footer{
  .px2rem(height,78)
}
.back-red{
  background: #d43d3d;
}
.back-fff{
  background: #fff;
}
.back-black{
  background: #333;
  border:none;
    .return{
        z-index: 999;
    }
}
.footer-comment .bottom{
  color: #fff;
  .input-black{
    background: #525151;
    border: 1px solid #333333;
    color: #aaa;
  }
}
.border-no{
  border: none;
}
.header2 .but-a{
  display: block;
  .px2rem(font-size,24);
  .px2rem(width,96);
  .px2rem(height,42);
  .px2rem(line-height,42);
  text-align: center;
  color: #f56467;
  border-radius: 6px;
  border: 1px solid #f56467;
  .px2rem(top,26);
    padding:0px;
}
.header2 .but-use{
  background: #f26c60;
  color: #ffffff;
  .px2rem(font-size,26);
  border-radius: 6px;
  border: none;
  outline: none;
  .px2rem(width,94);
  .px2rem(height,48);
  .px2rem(top,26);
}
